<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link type="text/css" rel="stylesheet"  href="Untitled-2.css" />

</head>

<body>
<!--面板-->
<div id="panel">   
 <!--面板的头部-->   
 <div class="panel-top">       
 <h2>登录</h2>    
</div>    <!--面板的主要内容-->   
 <div class="panel-content">        
<div class="int">          
 <label><img src="images/user.png" ></label>            
<input type="text" placeholder="你的手机号/用户名">       
 </div>        
<div class="int">            
<label><img src="images/user.png" ></label>            
<input type="password" placeholder="输入密码">        
</div>        
<!--配置信息-->        
<div class="setting">            
<a href="#" class="auto-login">
<input type="checkbox">下次自动登录
</a>           
 <a href="#" class="forget-pwd">忘记密码</a>        
</div>        
<div class="login">            
<button>登录</button>        
</div>        
<div class="reg">还没账号?<a href="#">马上注册</a>        
</div>    
</div>    
<!--面板的底部-->   
 <div class="panel-footer">        
<span>社交账号登录:</span>        
<img src="images/user.png">        
<img src="images/user.png">       
 <img src="images/user.png"></div>
</div>
</body>
</html>
